<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>手机号绑定</title>
<link rel="stylesheet" href="__HOME__/css/public_style.css">
<style>
	html,body{width:100%;height:100%;}
	html{
		background-image: -moz-linear-gradient( 0deg, rgb(26,85,203) 0%, rgb(110,119,255) 100%);
		background-image: -webkit-linear-gradient( 0deg, rgb(26,85,203) 0%, rgb(110,119,255) 100%);
		background-image: -ms-linear-gradient( 0deg, rgb(26,85,203) 0%, rgb(110,119,255) 100%);
	}
	body{background:url(__HOME__/img/bind_bg.jpg) no-repeat fixed;background-size:cover;}
	
	/*-- 返回 --*/
	.fanhui{padding:20px;height:12px;width:12px;display:block;}
	.fanhui>div{border-top:2px solid #fff;border-left:2px solid #fff;height:10px;width:10px;transform:rotate(-45deg);}
	/*-- 返回 --*/
	/*-- 手机绑定内容 --*/
	.bind_box{position:fixed;left:calc(50% - 160px);top:calc(50% - 150px);width:320px;}
	.bind_box>div{padding:16px 16px 30px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
	.bind_box>div>p{padding:5px;font-size:24px;color:#3e4a59;line-height:42px;}
	.bind_box>div>div{padding:5px;border-bottom:1px solid #e5ecf5;margin-top:10px;transition:.2s;}
	.bind_box>div>div>input{height:30px;border:none;display:block;float:left;width:calc(100% - 30px);outline:none;}
	.bind_box>div>div>div{float:left;width:30px;height:30px;background:url(__HOME__/img/tubiao_03.png) no-repeat;background-position-Y:-70px;background-size:100px 100px;}
	.bind_box>div>div:hover{border-color:#5d74e2;}
	
	.bind_box>button{
		display:block;width:160px;height:40px;line-height:40px;border-radius:5px;text-align:center;margin:30px auto 0;background-color:#5684dc;color:#fff;font-size:18px;border:none;outline:none;box-shadow: 0px 10px 10px 0px rgba(129, 203, 226, 0.5);
	}
	/*-- 手机绑定内容 --*/
</style>
</head>

<body>
	<!-- 返回 -->
	<a href="{:url('personal')}" class="fanhui"><div></div></a>
	<!-- 返回 -->
	<!-- 手机绑定内容 -->
	<div class="bind_box">
		<div>
			<p>手机号绑定</p>
			<div>
				<input type="text" placeholder="账户手机号">
				<div></div>
				<h6 class="clearfix"></h6>
			</div>
			<div>
				<input type="text" placeholder="获取验证码">
				<div style="background-position-X:-30px"></div>
				<h6 class="clearfix"></h6>
			</div>
		</div>
		<button>确认</button>
	</div>
	<!-- 手机绑定内容 -->
</body>
<script src="__HOME__/js/jquery-3.3.1.js"></script>
<script>

</script>
</html>
